@media screen and (min-width:1000px) {
  #app{
    width: 375px;
    margin:0 auto;
    height: 667px;
    border:1px solid red;
  }
  .header{
    font-size: 24px;
    line-height: 25px;
    height:110px ;
    padding: 20px 0 13px 0;
    background: #fff;
  }
  .title{
    font-size: 24px;
    line-height: 25px;
  }
  .description{
    height: 52px;
    line-height: 52px;
    font-size: 28px;
  }
  .action-box{
    height: 103px;
    font-size: 12px;
    padding: 30px 0;
  }
  .text-message-box{
    width: 200px;
    height: 43px;
  }
  .text-message-box input{
    width:200px;
    padding:3px 50px 3px 1px;
    font-size: 14px;
  }
  .message-send-btn{
    height: 28px;
    width: 60px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 5px;
  }
  .expression-icon{
    height: 28px;
    width: 28px;
    background-size: 28px;
  }
  .file-icon{
    height: 28px;
    width: 28px;
    background-size: 28px;
  }
  .file-icon input{
    width: 24px;
    height: 24px;
  }
  .container{
    height: 400px;
    padding: 10px;
  }
  .message-scroll{
    padding: 10px;
  }
  .message-box{
    font-size: 16px;
    margin-bottom: 10px;
    min-height: 28px;
    max-height: 120px;
  }
  .message-box__item{
    font-size: 15px;
    line-height: 28px;
  }
  .message-box__item img{
    max-width: 120px;
    max-height: 120px;
  }
  .video-snapshot .icon{
    width:30px;
    height: 30px;
    margin:-15px;
    border-radius: 15px;
  }
  .show-loading{
    background-size: 20px 20px;
  }

  .appearance-class{
    height: 26px;
    width: 26px;
    background-size: 20px!important;
    border-radius: 28px;
  }

  .audio-facade{
    padding: 3px 10px!important;
    height: 26px!important;
    line-height: 20px!important;
    background: #D02129;
    font-size: 12px!important;
    border-radius: 15px!important;
  }

  .expression-container{
    height: 108px!important;
    bottom: -100px!important;
  }
  .expression-icon-content{
    height: 46px!important;
  }
  .expression-icon__item{
    height: 46px!important;
    width: 46px!important;
  }
  .expression-icon__item img{
    height: 46px!important;
    width: 46px!important;
  }
  .close-expression{
    width: 24px!important;
    height: 24px!important;
    font-size: 20px!important;
    margin-top: 20px!important;
    background-size:20px!important;
  }

  .control-bar{
    width:375px!important;
    height: 100%!important;
    margin:0 -187px!important;
    font-size: 16px!important;
  }
  .control-container{
    width: 74px!important;
    height: 180px!important;
    margin: 0 -37px!important;
    top: 487px!important;
  }
  .record-btn{
    width:74px!important;
    height: 74px!important;
    border-radius: 74px!important;
    line-height: 74px!important;
    background-size: 27px 33px!important;
  }
  .record-layer{
    width:375px!important;
    height: 667px!important;
    margin:0 -187px!important;
    font-size: 16px!important;
  }

  .close-btn{
    width: 74px!important;
    height: 70px!important;
    background-size: 21px!important;
  }
  .audio-facade-bg{
    background-size: 18px!important;
    width: 20px!important;
  }
}